.btnGroup {
	display: flex;
	border-bottom: 2px solid #d7dce2;
	.btnItem {
		color: #999999;
		font-size: 14px;
		text-align: center;
		flex: 1;
		height: 50px;
		line-height: 50px;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		.step-icon {
			margin-right: 10px;
			color: #fff;
			width: 18px;
			height: 18px;
			text-align: center;
			line-height: 18px;
			display: inline-block;
			border-radius: 50%;
			background-color: #d7dce2;
			&.activeTab {
				background-color: #5995d8;
			}
		}
		&.activeText {
			position: relative;
			&:after {
				content: '';
				position: absolute;
				left: 0;
				bottom: -2px;
				right: 0;
				height: 4px;
				background-color: #5995d8;
			}
			.step-text {
				color: #5995d8;
			}
		}
	}
}

.hadStepModal {
	padding: 0px !important;
}

.a_link {
	font-size: 12px;
	color: #5995d8;
}

.basicInfo,
.heightInfo {
	margin-top: 20px;
	padding-left: 50px;
}

table {
	width: 100%;
	> tr {
		> td {
			font-size: 14px;
			padding-bottom: 12px;
			&.td-top {
				vertical-align: top;
			}
			&.more-p {
				> p {
					padding-bottom: 5px;
					font-size: 13px;
					color: #666666;
					&:first-child {
						font-size: 14px;
						color: #333;
					}
				}
			}
		}
	}
}

.td-span {
	> td {
		&:first-child {
			vertical-align: top;
		}
		&:last-child {
			> span {
				display: block;
				&:first-child {
					font-size: 14px;
					color: #333333;
					margin-bottom: 4px;
				}
				&:last-child {
					font-size: 13px;
					color: #666666;
				}
			}
		}
	}
}

.item-tip-box {
	color: #999999;
}

.el-icon-question {
	&:before {
		color: #bbbbbb;
		font-size: 18px;
	}
}

.textVoiceTab-box {
	> h3 {
		font-size: 14px;
	}
	.row {
		display: flex;
		p,
		.rowItem {
			flex: 1;
		}
		p {
			&:first-child {
				margin-right: 30px;
			}
		}
	}
	.rowItem {
		display: flex;
		.el-form-item {
			margin-right: 20px;
			&:first-child {
				margin-right: 30px;
			}
			.el-select {
				width: 100%;
			}
		}
	}
}

.item-tip-box {
	line-height: 20px;
}

.item-row {
	display: flex;
	position: relative;
	&.grayChunk {
		background: #f4f4f4;
		padding: 0px 10px;
		.el-form-item {
			margin-bottom: 0px;
		}
	}
	.unit,
	.unit-last {
		position: absolute;
	}
	.unit-last {
		right: 35%;
	}
}
.el-form--inline {
	display: flex;
	width: 100%;
	> div {
		&.el-form-item {
			margin-bottom: 0px;
		}
	}
}

.finacSubj {
	padding: 10px;
	border: 1px solid #d8d8d8;
	border-radius: 4px;
	width: 100%;
}
.finacSubj-item {
	display: flex;
	position: relative;
	padding-bottom: 10px;
	> label {
		flex: 1;
		display: flex;
		> span {
			display: block;
			&:last-child {
				width: 300px;
				white-space: initial;
			}
		}
	}
	.del-btn {
		margin-left: 10px;
		cursor: pointer;
	}
	&:last-child {
		padding-bottom: 0px;
	}
}

.el-form-item__content {
	.item-unit {
		position: absolute;
		top: 0px;
		right: 10px;
	}
	.el-select {
		display: block;
	}
}

.selectParkingLotTree {
	> li {
		> ul {
			padding-left: 15px;
		}
	}
}

div {
	&.grayChuck {
		background: #f4f4f4;
		border-radius: 4px;
		padding: 0px 10px;
		height: 32px;
		line-height: 32px;
		font-size: 14px;
		color: #666666;
	}
}

.selected-parkingLot {
	flex: 1;
	background: #f4f4f4;
	border-radius: 4px;
	padding: 0px 10px;
	display: inline-block;
	font-size: 14x;
	cursor: pointer;
	height: 32px;
	margin-right: 10px;
	line-height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 10px;
	&.grayTip {
		color: #999999;
		padding-left: 10px;
	}
}

.inline-row {
	display: flex;
	align-items: center;
	position: relative;
	> div {
		&.el-input {
			flex: 1;
			width: unset;
		}
		&.el-form-item {
			margin-bottom: 0px;
		}
	}
	&.first-item {
		background: #f4f4f4;
		border-radius: 5px;
		padding: 5px 10px;
	}
	span {
		font-size: 13px;
		color: #666666;
	}
	.item-unit {
		position: absolute;
	}
	a {
		font-size: 12px;
	}
}

.el-input__prefix {
	line-height: 1;
}

.renewDiscount {
	border-left: 1px dashed #c2c2c2;
	margin-left: 85px;
	padding-left: 10px;
	margin-bottom: 10px;
	> div {
		.el-form-item {
			margin-bottom: 0px;
		}
		&.item-chunk {
			margin-bottom: 10px;
			padding: 22px 40px 10px 10px;
			background: #f4f4f4;
			border-radius: 5px;
			position: relative;
			> img {
				display: block;
				position: absolute;
				top: 3px;
				right: 3px;
				cursor: pointer;
			}
		}
	}
	.add-btn {
		display: inline-block;
		cursor: pointer;
		width: 18px;
		height: 18px;
	}
}

.noTreeTips {
	height: 100px;
	line-height: 100px;
	text-align: center;
	font-size: 20px;
	color: #333;
}

.trader-select {
	width: 240px;
}

.row-href {
	color: #337ab7;
	cursor: pointer;
}

.surpport-park-modal {
	padding-bottom: 30px;
	.modal-body {
		max-height: 480px;
		min-height: 300px;
		overflow-y: scroll;
	}
	#supportParkTable {
		height: 300px;
	}
}

.rowItem {
	&:first-child {
		margin-right: 30px;
	}
	display: flex;
	.rowItem-left {
		margin-right: 20px;
	}
	.el-form-item {
		&:first-child {
			margin-right: 150px;
		}
	}
}

.multi-calendar-modal {
	z-index: 1610;
	.modal-container {
		.modal-body {
			padding: 0px;
			max-height: -webkit-fill-available;
		}
	}
}

.checkBoxGroups {
	display: flex;
	label {
		position: relative;
		display: inline-block;
		width: 160px;
		> input {
			margin-right: 15px;
		}
	}
	.tipsBox {
		align-self: right;
	}
}

.tipsBox {
	display: inline-block;
	position: absolute;
	top: 2px;
	margin-left: 10px;
	&:hover {
		.tips {
			display: block;
		}
	}
	.tips {
		display: none;
		position: absolute;
		z-index: 12;
		padding: 10px;
		background: rgba(50, 52, 54, 0.8);
		border-radius: 5px;
		line-height: 15px;
		width: 150px;
		height: max-content;
		&.left {
			left: 0;
		}
		&.right {
			right: 0;
		}
		&.bottom {
			bottom: 35px;
		}
		p {
			color: #fff;
			text-align: justify;
			font-size: 12px;
		}
	}
}

.money-tip {
	font-size: 12px;
	> span {
		color: #5694db;
		font-size: 12px;
	}
}

.vertical {
	margin-top: 10px;
	padding: 18px;
	background: #ffffff;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	max-height: 250px;
	overflow-y: auto;
	.el-checkbox-group {
		display: flex;
		flex-direction: column;
		padding-top: 15px;
		padding-left: 28px;
		.el-checkbox {
			height: 22px;
			&:last-child {
				margin-right: 30px;
			}
		}
	}
}

.show-rule-detail-icon {
	width: 68px;
	cursor: pointer;
	.el-icon-arrow-down {
		font-size: 18px;
		color: #b0b0b0;
		transition: transform 0.25s ease-in;
		transform-origin: center center;
		&.rotate180 {
			transform: rotate(-180deg);
		}
	}
}
